const ProgressBar = ({ 
    value, 
    label, 
    background, 
    height,
    isStriped 
}) => {
  return (
    <div className="progress" style={{height}}>
      <div
        className={`progress-bar 
        ${isStriped?'progress-bar-srtiped':''} 
        ${background?'bg-'+background:''}`}
        role="progressbar"
        style={{ width: value+'%' }}
        aria-valuenow={10}
        aria-valuemin={0}
        aria-valuemax={100}
      >{label}</div>
    </div>
  )
}

export default ProgressBar
